<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/inv.css" />
  </head>
  <body>
    <!-- 头部开始 开始 -->
    <div class="top">
      <div class="list">
        <a href="#" class="logo"><img src="./img/logo.png" alt="" /></a>
        <input type="text" placeholder="搜一搜" />
        <a href="#" class="yx"><img src="./img/yx.png" alt="" /></a>
        <a href="#"><img src="./img/tz.png" alt="" /></a>
      </div>
    </div>
    <!-- 头部 结束 -->
    <!-- banner  s -->
    <div class="banner">
      <img src="./upload/pic1.png" alt="" />
      <div class="mask">
        <div class="pic"><img src="./upload/shuai.png" alt="" /></div>
        <div class="txt">
          <h3>
            率土之滨 <span> <img src="./img/jz.png" alt="" /> <i>8.6</i></span>
          </h3>
          <p>千万玩家的个人三国史</p>
        </div>
        <div class="play">play</div>
      </div>
    </div>
    <!-- banner  e -->;
    <!--  新游试玩  s-->
    <div class="title">
      <h3><img src="./img/title-1.png" alt="" /></h3>
      <a href="#"> <img src="./img/shua.png" alt="" /> 换一换</a>
    </div>
    <div class="list-sw">
      <ul>
        <li>
          <a href="#">
            <div class="pic"><img src="./upload/icon.png" alt="" /></div>
            <div class="txt">
              <div class="txt-1">
                <h3>
                  率土之滨
                  <span> <img src="./img/jz.png" alt="" /> <i>8.6</i></span>
                </h3>
                <p>千万玩家的个人三国史</p>
              </div>
              <div class="play">play</div>
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"><img src="./upload/icon.png" alt="" /></div>
            <div class="txt">
              <div class="txt-1">
                <h3>
                  率土之滨
                  <span> <img src="./img/jz.png" alt="" /> <i>8.6</i></span>
                </h3>
                <p>千万玩家的个人三国史</p>
              </div>
              <div class="play">play</div>
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"><img src="./upload/icon.png" alt="" /></div>
            <div class="txt">
              <div class="txt-1">
                <h3>
                  率土之滨
                  <span> <img src="./img/jz.png" alt="" /> <i>8.6</i></span>
                </h3>
                <p>千万玩家的个人三国史</p>
              </div>
              <div class="play">play</div>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <!-- 新游试玩  e -->
    <!-- 热门专题  s -->
    <div class="title">
      <h3><img src="./img/title-2.png" alt="" /></h3>
    </div>
    <div class="rem-list">
      <ul>
        <li>
          <a href="#"><img src="./upload/pic2.png" alt="" /> </a>
        </li>
        <li>
          <a href="#"><img src="./upload/pic3.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./upload/pic4.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./upload/pic5.png" alt="" /></a>
        </li>
      </ul>
    </div>
    <!-- 热门专题  e -->
    <!-- 新游预约  s -->
    <div class="title">
      <h3><img src="./img/title-1.png" alt="" /></h3>
      <a href="#"> <img src="./img/shua.png" alt="" /> 换一换</a>
    </div>
    <!-- 新游列表 -->
    <div class="xinyou-list">
      <ul>
        <li>
          <a href="#">
            <div class="pic"><img src="./upload/pic6.png" alt="" /></div>
            <div class="txt">
              <h3>
                率土之滨
                <span> <img src="./img/jz.png" alt="" /> <i>8.6</i></span>
              </h3>
              <p>
                <span class="span-1">角色扮演</span>
                <span class="span-2">动作</span>
                <span class="span-3">闯关</span>
              </p>
            </div>
            <div class="play">已预约</div>
          </a>
        </li>

        <li>
          <a href="#">
            <div class="pic"><img src="./upload/pic7.png" alt="" /></div>
            <div class="txt">
              <h3>
                率土之滨
                <span> <img src="./img/jz.png" alt="" /> <i>8.6</i></span>
              </h3>
              <p>
                <span class="span-1">角色扮演</span>
                <span class="span-2">动作</span>
                <span class="span-3">闯关</span>
              </p>
            </div>
            <div class="play">预约</div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="pic"><img src="./upload/pic8.png" alt="" /></div>
            <div class="txt">
              <h3>
                率土之滨
                <span> <img src="./img/jz.png" alt="" /> <i>8.6</i></span>
              </h3>
              <p>
                <span class="span-1">角色扮演</span>
                <span class="span-2">动作</span>
                <span class="span-3">闯关</span>
              </p>
            </div>
            <div class="play">预约</div>
          </a>
        </li>
      </ul>
    </div>
    <!-- 新游预约  e -->
    <!-- kong -->
    <div class="kong"></div>
    <!-- foot s -->
    <div class="foot">
      <a href="#">
        <img src="./img/icon1.png" alt="" />
        <p>首页</p>
      </a>
      <a href="#">
        <img src="./img/icon2.png" alt="" />
        <p>分类</p>
      </a>
      <a href="#">
        <img src="./img/icon3.png" alt="" />
        <p>视频</p>
      </a>
      <a href="#">
        <img src="./img/icon4.png" alt="" />
        <p>榜单</p>
      </a>
      <a href="#">
        <img src="./img/icon5.png" alt="" />
        <p>我的</p>
      </a>
    </div>
    <!-- foot  e -->
  </body>
</html>
